<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <select class="province">
        <option value="">请选择省份</option>
        <option value="A001">北京</option>
        <option value="A002">上海</option>
        <option value="A003">湖北</option>
        <option value="A004">湖南</option>
    </select>
    <select class="city" name="" id="">
        <option value="">请选择市/区</option>
        <!-- <option value="A001">朝阳</option>
        <option value="A002">海淀</option>
        <option value="A003">沙河</option>
        <option value="A004">上地</option> -->
    </select>
</body>
<script>

    // 1. 通过jax请求 获取对应的数据   =>  生成对应的省份option放到省份下拉框 (根据数据生成第一级 省份 )

    // 2. 省份下拉框切换时(onchange),   根据切换后的省份编号 -> 找到对应省份的数据  ->  找到其下 市/区  -> 生成第二级(市区下拉框)

    // 3. 市区下拉框切换时  -> 根据切换后的市的编号  ->    找到对应区(县级市)的数据 -> 生成  (直辖市和自治区 没有第三级)



    // ajax 6行  手写4遍  -> 发群里


    // 购物车  -> 用事件委托实现



</script>

</html>